<script setup lang="ts">
// import { useViewRoutesStore } from "@/store/viewRoutes"

// // 获取要缓存的路由name
// const viewRoutesStore = useViewRoutesStore()
// const cacheRouteNames = computed(() => viewRoutesStore.cacheRouteNames)
// console.log('获取要缓存的路由name', cacheRouteNames.value)

</script>

<template>
  <el-main class="w-full h-full flex flex-col bg-[#f9f9f9]">
    <div class="w-full h-full">
      <router-view v-slot="{ Component }">
        <transition name="breadcrumb" mode="out-in">
          <keep-alive>
            <component :is="Component"></component>
          </keep-alive>
        </transition>
      </router-view>
    </div>
  </el-main>
</template>

<style scoped lang="scss">
:deep(.el-scrollbar__view) {
  /* 铺满高度 */
  // height: calc(100% - 12px);
  height: 100%;
}
</style>